/**
 * Created by YuGuo on 2016/12/2.
 *
 */
$(function () {

    //    实例化编辑器
    var ue = UE.getEditor('content', {
        toolbars: [['Source', 'Undo', 'Redo', 'bold']],
        autoClearinitialContent: true,
        wordCount: false,
        elementPathEnabled: false,
    });
    getData();


    //编辑修改帖子
   //要用事件委托！！！！！！！！！！！
    $("#tbody").on("click",".edit",function(){
        $('#myModal').modal("show");//模态框
        var id = $(this).parent().attr("data-id");//获取到父元素的data-id属性
        $('.modal-title').text('编辑帖子');

        //var title = $(this).parent().prev().html();//获取该父元素的上一个兄弟元素
        $.ajax({
            url: 'http://127.0.0.1:8888/admin/posts/' + id + '',
            dataType: 'json',
            success: function (data) {
                //title和content是页面需要渲染的数据
                $('#title').val(data.data.title);
                $('#content').html(data.data.content);
                console.log(data);
                //绑定保存按钮事件
                $("#btnSave").one("click", function () {
                    //!!!!!!!!!!!判断当前的模态框是否为编辑帖子!!
                    if($('.modal-title').text()==='编辑帖子'){
                        var title = $('#title').val();
                        var content = $('#content').html();
                        $.ajax({
                            type: 'post',
                            url: 'http://127.0.0.1:8888/admin/posts/update',
                            data: {title: title, content: content, id: id},
                            dataType: "json",
                            success: function () {
                                getData();
                            }
                        })
                    }else{
                        return;
                    }
                    $("#btnSave").off('click');
                })
            }
        })
    });

    //搜索帖子
   //先获取搜索框的内容
    $("#btnSearch").on("click",function(){//给按钮绑定点击搜索事件
        var ss=$("#txtSearch").val();
        $.ajax({
            type:'get',
            url:'http://127.0.0.1:8888/admin/posts/search',
            dataType:'json',
            data:{wd:ss},
            success:function(data){
                var tag = template("model", {data: data});
                $("#tbody").html(tag);
            }
        });
    });


    //删除帖子
    //事件委托绑定
    $("#tbody").on("click",".delegate",function(){
        var id = $(this).parent().attr("data-id");

        layer.confirm('确定要删除咩？',{
            btn:['确定','取消']},function(){
               //删除帖子
                $('.layui-layer').css('display','none');
                $('.layui-layer-shade').css('display','none');
            $.ajax({
                    type:'get',
                    url:'http://127.0.0.1:8888/admin/posts/delete/'+id+'',
                    dataType:'json',
                    success:function(data){
                        console.log(data);
                        if(data.code===1){
                            layer.msg=("删除成功");
                            getData();
                        }
                    }
                })
            })
         });

        //添加帖子
    $("#btnAdd").on("click", function(){


        $('#myModal').modal("show");//模态框

        //把模态框的开头改为添加帖子！
        $('.modal-title').text('添加帖子');

        //！要把标题和内容清空
        $("#title").val('');
        $("#content").html('');

        //绑定点击保存事件
        $("#btnSave").one("click",function(){
            if( $('.modal-title').text() === '添加帖子'){
                var title= $("#title").val();
                var content= $("#content").html();
                $.ajax({
                    url:"http://127.0.0.1:8888/admin/posts/create",
                    type:"post",
                    data:{title:title,content:content},
                    dataType:"json",
                    success:function(data){
                        getData();
                    }
                })
            }
            $("#btnSave").off('click');
        })
    });

});


function getData(){
    //页面渲染数据
    $.ajax({
        url: "http://127.0.0.1:8888/admin/posts",
        type: "get",
        data: {pageindex: '1', pagesize: '20'},
        dataType: "json",
        success: function (data) {
            var tag = template("model", {data: data});
            $("#tbody").html(tag);
        }
    })
}





